/*
Theme Name: bigckool
Theme URI: http://itk.com.vn
Author: colisshop.com
Author URI: http://itk.com.vn
Description: http://itk.com.vn
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: itk.com.vn

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*
Credit: http://itk.com.vn
*/
.float_left{
	float: left;
}

.float_right{
	float: right;
}

.clear{
	clear: both;
}


.wrapper {
	width: 700px;
	margin: auto;
	height:100%;	

}
ul.wrapper li{
	float:left;
	list-style-type:none;
	
}

a.wrapper{
	text-decoration:none;
	color:#FFF;
	
}

.disable-hover,
.disable-hover * {
  pointer-events: none !important;
}

.top_side{
	height:113px;
	position: relative;
	padding-top:35px;
	z-index: 10;
}

.main_side{
	/*left:30px;*/
	position:relative;
	height: 100%;
}

.slogan{
	width:190px;
	z-index: 99;
	position:relative;
	float:right;
}

.logo{
	z-index: 99;
	position:relative;
}

/*------------------------------------*\
				MENU
\*------------------------------------*/
#menu{
	background: url(./img/nav_bg.png) no-repeat;
	width:760px;
	height:87px;
	position:fixed;
	bottom:0;
	left:0;
	z-index: 99;
}

#selector{
	position: absolute;
	
}

.active_selector{
	left: 140px;
	top: 3px;
}

#menu ul {
	height: 100%;
	padding-top: 39px;
	padding-left: 100px;
}

#menu ul li {
	padding:0 10px;
}

#menu ul li a{
	font-size: 11pt;
	text-transform: uppercase;
	color: #1A1A1A;
	text-shadow: 1px 1px 2px #8A8A8A;
	font-family: MyriadPro_Regular;
}


/*------------------------------------*\
				HOME
\*------------------------------------*/
.home_view{
	/*background: url(./img/home_bg.jpg) no-repeat;*/
	background: -webkit-linear-gradient(90deg,  #bde0f8,white); /* For Safari */
	background: -o-linear-gradient(90deg, #bde0f8,white); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(90deg, #bde0f8,white); /* For Firefox 3.6 to 15 */
	background: linear-gradient(90deg, #bde0f8,white); /* Standard syntax */
	height:700px;
	width:760px;
	overflow: hidden;
}

#paralax_bg_center{
	position: absolute;
	background: url(./img/parallaxbg_center.png) no-repeat;
	width:760px;
	height:613px;
}

#paralax_bg_left{
	position: absolute;
	background: url(./img/parallaxbg_left.png) no-repeat;
	width:258px;
	height:353px;
	left:0;
	top:183px;
}

#paralax_bg_right{
	position: absolute;
	background: url(./img/parallaxbg_right.png) no-repeat;
	width:511px;
	height:153px;
	top: 392px;
	left: 249px;
}

#like {
	text-align: center;
	font-size: 22px ;
	font-family: MyriadPro_Bold;
	font-weight: bold;
	text-shadow:3px 3px 2px #e3e3e3;
	color:#287ab2;
	text-transform: uppercase;
	width:350px;
	line-height: 35px;
	top: 104px;
	left: 206px;
	position: absolute;
	z-index:99;
}
#fanpagelike{
	width:80px;
	height: 38px;
margin-left: 222px;
margin-top: -43px;
overflow: hidden;
	}


#home_micro{
	/*padding-top:30px;*/
	position:absolute;
	left: 175px;
	top:30px;

}

#micro_midlight{
	position: absolute;
	left: 249px;
	top: -150px;
	opacity: 0.8;
}
#micro_leftlight{
	position: absolute;
	left: 105px;
	top: -150px;
	opacity: 0.8;
}
#micro_rightlight{
	position: absolute;
	left: 105px;
	top: -150px;
	opacity: 0.8;
}

/* Lighting Animation */
 .lighting_effect{
  position: absolute;
 }
 #microlight1{
  top: 135px;
  left: 215px;
 }
 #microlight2{
  top: 135px;
  left: 270px;
 }
 #microlight3{
  top: 100px;
  left: 385px;
 }
 #microlight4{
  top: 160px;
  left: 445px;
 }
 #microlight5{
  top: 224px;
  left: 310px;  
 }
 #microlight6{
  top: 225px;
  left: 480px;
 }
 #microlight7{
  top: 305px;
  left: 245px; 
 }
 #microlight8{
  top: 315px;
  left: 445px;
 }

 #microlight9{
  top: 160px;
  left: 420px;
 }

/*------------------------------------*\
				CONTENT
\*------------------------------------*/
.content_view{
	background: url(./img/home_bg.jpg) no-repeat;
	height:700px;
	width:760px;
	overflow: hidden;
	z-index:1 
}

.content_bg{
	background: url(./img/content_bg.png) no-repeat;
	height:700px;
	width:760px;
	overflow: hidden;
	z-index:2;
	position: fixed;
	opacity: 0.95;
	margin-top: 35px;
}


#light1{
	position: absolute;
	top:0;
	left:0;
	z-index: 98
}

#light2{
	position: absolute;
	top:0;
	right: -150px;
	z-index: 98
}

#content_model{
	z-index:12;
}

.side_content{
	z-index:12;
}

.title{
	z-index:12;
	display:block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom:25px ;
}


/*------------------------------------*\
			THE LE CUOC THI
\*------------------------------------*/

.thelecuocthi_side{
	z-index: 10;
}

.thelecuocthi_info{
	 width:635px;
	 height:350px;
	 display:block;
	 margin-right: auto;
	 margin-left: auto;
	 z-index:10;
	 position: relative;
	 padding-left: 20px;
}
#thelecuocthi_subtitle{
	padding-left:150px;
	font-size:13pt;
	font-weight:bold;
	font-family:MyriadPro_Bold;
	color:#58595b;
	padding-top:4px;
}
.thelecuocthi_detail{
	font-size:9pt;
	font-family: MyriadPro_Regular;
	/*padding: 0 20px 0 0;*/
	line-height: 13px;
	overflow: auto;	
	height: 350px;

}



/*------------------------------------*\
				VIDEO DU THI
\*------------------------------------*/



.videoduthi_info{
	width: 565px;
	overflow: auto;
	display: block;
	margin-left: 125px;
	z-index: 13;
	position: relative;
}

#week_menu_content{
	width:550px;
	display:block;
	margin-right: auto;
	margin-left: auto;
	z-index:13;
	position: relative;
}

#week_menu{
	display: inline-block;
}

#week_menu ul {
	display:inline-block;
	margin: 0 0 0 -40px;
}

#week_menu ul li{
	padding: 0 5px;
	float:left;
	list-style: none;
}

#video_content{
 position: relative;
 width: 100%;
 height: 365px;
 overflow: auto;
 z-index:13;
}
.video_info{
 color: #00bff3;
 text-transform: uppercase;
 font-family: UTM_Neo;
 font-size: 10pt;
 width: 150px;
 height:13px;
 float: left;
 position: relative;
 margin: 10px 0 5px 0;
 text-align: center;
 overflow:hidden;
}

.video_info img {
 width:150px;
 height:90px;
}

.video{
	  float:left;
 width:150px;
 padding-right:5px;
 padding-bottom: 3px;
 position:relative;
}

.video_thumbnail{
width: 150px;
height: 90px
}

.video_desc{
	 width: 140px;
	 padding: 7px 5px 7px 5px;
	 background-color: rgba(0,0,0,0.5);
	 float: left;
	 position: relative;
	 margin-top: -29px;
	 /*visibility: hidden;*/
	 opacity:0;
	 position: absolute;
	 bottom: 5px;
}

.video_desc span{
	font-family: MyriadPro_Regular;
	color: white;
	text-transform: uppercase;
	font-size:10pt;
}

.video_name{
	float:left;
	width: 90px !important;
}


.video_like_number{
	float:right;
	margin-top: 0 !important;
}

.video_img{
	float:right;
}
.video_img img{
	margin-top: -5px !important;
}

#next_button{
 position: absolute;
 left: 585px;
 margin-top: 90px;
 z-index: 12;
}

#pre_button{
 position: absolute;
 left: 135px;
 margin-top: 90px;
 z-index: 12;
}
/*			Button search 		*/
#search_button{
	/*position: relative;
	width: 240px;*/
	z-index:12;
	display: block;
	/*margin-left: 390px;
	margin-top: 25px;*/
	float:left;
}

#search_button input{
	width: 178px;
	border: 1px solid #44a9e1;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	height: 18px;
    font-style: inherit;
    font-family:helvetica;
    color:#58595b;
    background-color:transparent;
    font-size: 8pt;
    float:left;
    border-radius:6px;
    -webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	font-style: italic;
  

}

#search_button a{
	padding-top: 10px;
}

#search_button a img{
	width:73px;
	position: absolute;
}

#search_button span{
	float:left;
}

#search_loading{
	right: -30px;
	width: 25px !important;
	top: 20px;
	display:none;
}

#singer_info{
 font-family: MyriadPro_Regular;
 text-transform: uppercase;
 z-index: 15;
 position: absolute;
 line-height: 20pt;
 font-size: 12pt;
 color: #1d3e80;
 margin-left: 275px;
 margin-top:-5px;
}
/*------------------------------------*\
				VIDEO 
\*------------------------------------*/


.video_detail{
	width:390px;
 	height:238px;
	display:block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	position: relative;
	z-index: 12
}
.video_detail iframe{
	width:390px;
 	height:238px;
	}
#vote_button{
 position: relative;
 width: 400px;
 z-index:12;
 display: block; 
 margin-left: 195px ;
 margin-top: 10px;
 margin-bottom: 10px;
}
#vote_button span {
 font-size:11pt;
 font-family: MyriadPro_Regular;
}
#back_button{
	position: absolute;
	left: 651px;
	margin-top:12px;
	z-index:12;
}
#voted_button{
position: relative;
 display:inline-block;
 z-index:12;
 margin-left: 215px;
 margin-top: 15px;
 margin-bottom:10px
}

#liked_button_left{
 height:30px ;
 width:17px ;
 background: url(./img/likedbutton_left.png) no-repeat; 

}

#liked_button_mid{
 height:30px ;
 background: url(./img/likedbutton_mid.png) repeat-x; 
 font-size:11pt;
 text-transform: uppercase;
 font-family: 'MyriadPro_Bold';
 color:white;
 padding: 9px 3px 0 3px;

display: block;


}
#liked_button_right{
 height:30px ;
 background: url(./img/likedbutton_right.png) no-repeat; 
 width:36px ;
}

.video_loading{
	background-color: rgba(107, 106, 106, 0.8);
	position: absolute;
	left: 0;
	top: 26px;
	width: 150px;
	height: 92px;
	display:block;
}

.video_loading img {
	width:35px;
	display:block;
	margin-left:auto;
	margin-right: auto;
	margin-top: 35px
}
#liked_button{
 background-color: #3e58a5;
padding: 3px 8px 2px 8px;
border-radius: 3px;
 color: white;
 text-transform: uppercase;
 font-family: MyriadPro_Bold;
 font-size:10pt;
 margin-bottom:5px;
}
/*------------------------------------*\
			VONG BAN KET 
\*------------------------------------*/
/*
#videovongbanket_content {
	position: relative;
	width: 100%;
	height: 320px;
	overflow: auto;
}
*/

.vongbanket_info{
 width:482px;
 height:350px;
 display:block;
 margin-right: auto;
 margin-left: auto;
 z-index:10;
 position: relative;
}

.vongbanket_detail{
 /*
 font-size:9pt;
 font-family: MyriadPro_Regular;
  line-height: 13px;
 overflow: auto; 
 height: 350px;
*/
	width:100%;
}

/*------------------------------------*\
			VONG CHUNG KET  
\*------------------------------------*/
/*
.vongchungket_side{
	z-index: 10;
}

.vongchungket_info{
	width:519px;
	height:345px;
	display:block;
	margin-right: auto;
	margin-left: auto;
	z-index:10;
	position: relative;
}

#giainhat{
	
}

#giainhat_subtitle{
	height: 23px;
	border-bottom: 1px solid #44a9e1;		
}

#giainhat_detail{
	padding-top:20px;
}

.vongchungket_img{
	background: url(./img/giainhat_video_shadow.png) no-repeat;
	width: 170px;
	background-position: -3px 79px;
	height: 110px;

}
.vongchungket_img img{
	padding-left:3px;
}

.thongtinthisinh{
	font-family: MyriadPro_Bold;
	font-size: 9pt;
	line-height: 18px;
	padding-top: 5px;
	color:#58595b;
}


#giaitrienvong{
	padding-top:20px;
}

#giaitrienvong_subtitle{
	height: 23px;
	border-bottom: 1px solid #44a9e1;			
}

#giaitrienvong_detail{
	padding-top:20px;
}

.giaitrienvong_img{
	background: url(./img/giainhat_video_shadow.png) no-repeat;
	width: 170px;
	background-position: -3px 79px;
	height: 110px;

}
.giaitrienvong_img img{
	padding-left:3px;
}

*/
.vongchungket_side{
 z-index: 10;
}
.vongchungket_info{
 width:482px;
 height:350px;
 display:block;
 margin-right: auto;
 margin-left: auto;
 z-index:10;
 position: relative;
}

.vongchungket_detail{
	/*
 font-size:9pt;
 font-family: MyriadPro_Regular;
 
 line-height: 13px;
 overflow: auto; 
 height: 350px;
*/
	width:100%
}
.vongbanket_detail img{
 width:469px;
 display:block;
 margin-right: auto;
 margin-left: auto;
 margin-top:100px;
}

.vongchungket_detail img{
 width:484px;
 display:block;
 margin-right: auto;
 margin-left: auto;
 margin-top:100px;
}




.vongchungket_info{
  width:519px;
  height:345px;
  display:block;
  margin-right: auto;
  margin-left: auto;
  z-index:10;
  position: relative;
  
 }

 .giaithuong_content{
  padding-top:15px;
 }

 .giaithuong_subtitle_content{
  height: 23px;
  border-bottom: 1px solid #44a9e1;  
 }

 .giaithuong_subtitle{
  font-size:9pt;
  font-family:MyriadPro_Bold;
  text-transform: uppercase;
  background-color:#44a9e1;
  padding: 7px 8px 5px 8px;
  color:white;
  display: inline-block;
  border-radius: 3px
 }



 .giaithuong_detail{
  padding-top:20px;
 }

 .videogiaithuong_img{
  width: 170px;
  background-position: -3px 79px;
  height: 110px;

 }
 .videogiaithuong_img img{
  padding-left:3px;
 }

 .thongtinthisinh{
  font-family: MyriadPro_Bold;
  font-size: 9pt;
  line-height: 18px;
  padding-top: 5px;
  color:#58595b;
  width: 160px;
 }


 .giaithuong_content{
  padding-top:20px;
 }